import { component$, type HTMLAttributes } from '@builder.io/qwik';

export const BuilderLogo = component$<HTMLAttributes<SVGSVGElement>>(
  (props) => (
    <svg
      viewBox="0 0 157 64"
      role="img"
      aria-label="Builder.io logo"
      {...props}
    >
      <path
        fill="#18b4f4"
        d="M30.72 24.82A9.22 9.22 0 0 1 27.29 32L2.65 18a1.35 1.35 0 0 1-.26-.19 1.3 1.3 0 0 1 .91-2.23h18.19a9.23 9.23 0 0 1 9.23 9.24"
      />
      <path
        fill="#fd6b3c"
        d="M30.72 39.18a9.23 9.23 0 0 1-9.23 9.24H3.3a1.3 1.3 0 0 1-.9-2.23 1.29 1.29 0 0 1 .25-.2l9.7-5.5L27.29 32a9.22 9.22 0 0 1 3.43 7.19"
      />
      <path
        fill="#a97ff2"
        d="m27.3 32-14.95 8.49-9.7 5.5a1.24 1.24 0 0 0-.26.2 20.3 20.3 0 0 0 5.77-14.2A20.29 20.29 0 0 0 2.4 17.82a1.33 1.33 0 0 0 .26.2Z"
      />
      <path
        class="text-black dark:text-white"
        fill="currentColor"
        d="M50.92 27.62c4.26 0 6.66 3.4 6.66 7.53s-2.4 7.5-6.66 7.5a5.42 5.42 0 0 1-4.85-2.39l-.38 2.05h-2.67V22.53h3.3v7.3a5.32 5.32 0 0 1 4.6-2.2m-.66 12.12c2.49 0 4.04-2.02 4.04-4.6 0-2.63-1.55-4.62-4.04-4.62s-4.04 1.99-4.04 4.62c0 2.58 1.52 4.6 4.04 4.6m18.91-3.35v-8.44h3.3v8.27c0 3.7-1.69 6.42-6.34 6.42s-6.33-2.74-6.33-6.42v-8.27h3.29v8.44c0 2.24 1.05 3.34 3.04 3.34s3.04-1.1 3.04-3.34m5.93-12.87a2.17 2.17 0 1 1 4.33 0 2.04 2.04 0 0 1-2.15 2.13 2.09 2.09 0 0 1-2.18-2.13m58.74 0a2.16 2.16 0 1 1 4.32 0 2.04 2.04 0 0 1-2.15 2.13 2.08 2.08 0 0 1-2.17-2.13m-4.16 14.61a2.08 2.08 0 0 1 2.15 2.17 2.04 2.04 0 0 1-2.16 2.13 2.07 2.07 0 0 1-2.16-2.13 2.09 2.09 0 0 1 2.17-2.17m-1.13-10.32.47.03v3.07a5.95 5.95 0 0 0-.75-.06c-2.32 0-3.7 1.22-3.7 4v7.46h-3.3V27.96h2.66l.39 1.99a4.55 4.55 0 0 1 4.23-2.13m-52.93.14h3.3v14.36h-3.3Zm6.59 14.36v-19.8h3.29v19.8Zm16.88-19.8h3.28v19.8h-2.65l-.39-2.05a5.38 5.38 0 0 1-4.84 2.4c-4.24 0-6.64-3.4-6.64-7.5s2.4-7.54 6.64-7.54a5.3 5.3 0 0 1 4.6 2.22Zm-3.91 8c-2.5 0-4.04 2-4.04 4.63 0 2.58 1.55 4.6 4.04 4.6s4.04-2.02 4.04-4.6c0-2.64-1.52-4.63-4.04-4.63Zm23.27 7.87a6.75 6.75 0 0 1-6.53 4.26c-4.34 0-7.16-3.24-7.16-7.53 0-4.18 2.88-7.5 7.14-7.5s7.05 3.24 7.05 7.45a4.07 4.07 0 0 1-.09 1.02H108a3.85 3.85 0 0 0 4.01 3.73 3.6 3.6 0 0 0 3.49-2.2Zm-10.4-4.74h7.64a3.65 3.65 0 0 0-3.8-3.35 3.75 3.75 0 0 0-3.84 3.35m26.31-5.7h3.3v14.37h-3.3Zm5.65 7.2a7.46 7.46 0 1 1 14.91 0 7.46 7.46 0 1 1-14.91 0m7.44 4.6c2.4 0 4.18-1.83 4.18-4.6s-1.77-4.62-4.18-4.62-4.16 1.83-4.16 4.62 1.78 4.6 4.16 4.6"
      />
    </svg>
  )
);
